<template>
	<view class="unio2o-page-has-bg">
		<view class="unio2o-jb-bg"></view>
		<view class="pd30 unio2o-main">
			<view class="flex space alcenter text-w">
				<view>
					<!-- <text class="iconfont icon_order8 ft24"></text>
					<text class="ft16 ftw600 ml20">待自提</text> -->
					<!-- <text class="iconfont icon_order7 ft24"></text>
					<text class="ft16 ftw600 ml20">已完成</text> -->
					<text class="iconfont icon_order5 ft24"></text>
					<text class="ft16 ftw600 ml20">过期已退</text>
					
				</view>
				<view class="ft14">有效期：2019.1.31-2019.3.31</view>
			</view>
			
			<view class="mt30 bdr16 bg-w pd30 box-shadow flex">
				<view class="wh100">
					<image class="wh100 bdr8" :src="''"></image>
				</view>
				<view class="ws100 pl30">
					<view class="text-over2 ft16 ftw600 text-default">
						3天2晚包食宿 云南大理-洱海-情侣双人游套餐
					</view>
					<view class="mt20 ft14">
						<text class="text-info">兑换：</text>
						<text class="text-main">1</text>
					</view>
					<view class="flex alcenter mt20">
						<image class="wh20" :src="'icon_diamond'"></image>
						<text class="ml10 text-theme ft16 ftw600">1000+￥10</text>
					</view>
				</view>
			</view>
			
			
			<view class="mt30 bdr16 bg-w  box-shadow over-hidden">
				<view class="pd30">
					<view>
						<text class="tag-ztd flex center alcenter mr10">自提点</text>
						<text class="ft16 text-default ftw600">合肥市蜀山区望江西路55号华润五彩国际903室</text>
					</view>
					<view class="flex space alcenter mt30">
						<text class="ft14 text-main">商家 | 张先生 13515608638</text>
						<text class="ft14 text-theme ftw600">1.2km</text>
					</view>
				</view>
				<view class="line"></view>
				<view class="flex">
					<view class="col2 pd30 flex center alcenter">
					  <text class="iconfont iconbtn_bottom_call ft20"></text><text class="ft16 text-info ml20">联系商家</text>
					</view>
					<view class="col2 pd30 bdlt  flex center alcenter">
					 <text class="iconfont iconbtn_bottom_location ft20"></text><text class="ft16 text-info ml20">导航</text>
					</view>
				</view>
			</view>
			
			<view class="mt30 pd30 bdr16 box-shadow bg-w">
				<view class="ft18 ftw600 text-default">自提核销券码</view>
				<view class="mt50 ft16 text-main">待核销</view>
				<view class="flex center mt50 opacity2">
					<image class="qrcode-img big" :src="''"></image>
				</view>
				<view class="text-notice ft16 mt20 text-center pb30">
					请出示二维码给商家扫码销券
				</view>
			</view>
			
			<view class="mt30 pd30 bdr16 box-shadow bg-w">
				<view class="ft18 ftw600 text-default">订单信息</view>
				<view class="mt50 flex alcenter space ft16">
					<text class="text-info">订单编号</text>
					<text class="text-default">1034568888</text>
				</view>
				<view class="mt30 flex alcenter space ft16">
					<text class="text-info">联系人</text>
					<text class="text-default">张华 13515608638</text>
				</view>
				<view class="mt30 flex alcenter space ft16">
					<text class="text-info">支付方式</text>
					<text class="text-default">积分支付</text>
				</view>
				<view class="mt30 flex alcenter space ft16">
					<text class="text-info">下单时间</text>
					<text class="text-default">2018-09-10 11:00</text>
				</view>
			</view>
			
			
			<view class="mt30 pd30 bdr16 box-shadow bg-w">
				<view class="ft18 ftw600 text-default">退款详情</view>
				<view class="mt50 flex alcenter space ft16">
					<text class="text-info">退款时间</text>
					<text class="text-default">2018.08.31 17:30</text>
				</view>
				<view class="mt30 flex alcenter space ft16">
					<text class="text-info">退款原因</text>
					<text class="text-default">过期自动退款</text>
				</view>
				<view class="mt30 flex alcenter space ft16">
					<text class="text-info">退款内容</text>
					<text class="text-default">1000积分+¥299</text>
				</view>
				
			</view>
			
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.tag-ztd{
		font-size: 24rpx;
		color:#FFFFFF;
		width:96rpx;
		height:36rpx;
		background:#FF6D00;
		border-radius:18rpx 18rpx 18rpx 0rpx;
		display: inline-flex;
		line-height: 36rpx;
	}
</style>